/* 身体部分 Start */
.body {
    width: 100%;
    height: 7077px;
    padding-top: 70px;
    background-color: white;
    margin-bottom: 200px;
}

.body .container {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.body .item {
    width: 100%;
    height: 673px;
    background-position: center;
    display: flex;
    align-items: center;
    padding-left: 119px;
}

.body .item:nth-of-type(1) {
    background-image: url(../img/intro1.jpg);
}

.body .item:nth-of-type(2) {
    background-image: url(../img/intro2.jpg);
}

.body .item:nth-of-type(3) {
    background-image: url(../img/intro3.jpg);
}

.body .item:nth-of-type(4) {
    background-image: url(../img/intro4.jpg);
}

.body .item:nth-of-type(5) {
    background-image: url(../img/intro5.jpg);
}

.body .item:nth-of-type(6) {
    background-image: url(../img/intro6.jpg);
}

.body .item:nth-of-type(7) {
    background-image: url(../img/intro7.jpg);
}

.body .item:nth-of-type(8) {
    background-image: url(../img/intro8.jpg);
}

.body .item:nth-of-type(9) {
    background-image: url(../img/intro9.jpg);
}

.body .item:nth-of-type(10) {
    background-image: url(../img/intro10.jpg);
}

.body .item .content{
    width: 278px;
    height: 456px;
    padding: 50px 35px 30px;
    background: rgba(255,255,255,.8);
}
.body .item h2{
    width: 170px;
    height: 50px;
    background-image: url(../img/ftb.png);
    text-align: center;
    color: white;
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
}
.body .item span{
    display: block;
    width: 100%;
    height: 1px;
    background: #CC2A29;
    margin: 30px 0px;
}
.body .item i{
    color: #CC2A29;
}
.body .item p{
    font-size: 16px;
    font-weight: 400;
    color: rgb(64,64,64);
    line-height: 34px;
}
.body .item p:nth-of-type(2){
    /* 多行省略号的6个条件 */
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-box 谷歌内核浏览器，只有谷歌内核浏览器支持
       多行省略号只有谷歌内核浏览器支持
    */
    -webkit-box-orient: vertical;
    /* 竖直摆放这四行
       -webkit-box-orient 子元素排列 
       vertical（竖排）horizontal（横排）
    */
    -webkit-line-clamp: 7;
    /* 值为几就在第几行加省略号 
       -webkit-line-clamp 限制在一个块元素显示的文本的行数
       需要组合其他的WebKit属性。常见结合属性：
       display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
       -webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
    */
}
/* 身体部分 End */